

<div  style="padding:12px;overflow:hidden;">
	<!-- 年级 -->
	<select  id = "grade" ng-model = "selectGrade" ng-options = "item.id as item.name for item in selectGrades" ng-change = "update()" class="form-control pull-left" style="width:150px;margin-right:5px;">
	</select>

	<button id="search_send_button" ng-click = "search()" class="btn btn-default  btn-primary" type="button" style="margin-right:5px;">搜索</button>
	<button ng-click="load()" class="btn btn-default  btn-primary" type="button">显示全部</button>

	<!-- 按钮 -->
    <div class="pull-right">
        <button  ng-click="jumpToUrl('/classes_add')" type="button" class="btn btn-primary ">添加</button>
    </div>
</div>


<table class="table">
    <thead>
	    <tr>
	    	<th>序号</th>
	    	<th>年级</th>
	    	<th>班级</th>
	    	<th>人数</th>
	    	<th>班主任</th>
	    	<th>联系电话</th>			    	
	    	<th>操作</th>
	    </tr>
  	</thead>
  	<tbody>
	    <tr ng-repeat="classe in classes">
	    	<td>{{$index+1}}</td>
	    	<td>{{classe.grade}} </td>
	    	<td> {{classe.class}}</td>
	    	<td>{{classe.student_num}}</td>
	    	<td>{{classe.master_name}}</td>
	    	<td>{{classe.tel}}</td>	    	
	    	<td >
	    		<button ng-click="delete(classe)" class="icon-trash btn btn-sm text-warning"></button>
	    		<a href="#/classes_add/{{classe.id}}"><button  class="icon-pencil btn btn-sm text-primary" ></button></a>
	    	</td>
	    </tr>
  	</tbody>
</table>
<div class="with-padding">
	<ul class="pager" style="margin-left:25%">
        <li class="previous"><a href="#">« 上一页</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li class="active"><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="###" data-toggle="pager" data-placement="top">...</a></li>
        <li><a href="#">10</a></li>
        <li class="next"><a href="#">下一页 »</a></li>
     </ul>
</div>
